<?php
echo $javascript->link('jquery.tablePagination');
echo $html->css('tablePaginator');
?>
<script>
var $j = jQuery.noConflict();
$j(document).ready(function() {
    var options = {
              currPage : 1,
              //ignoreRows : $j('tbody tr:odd', $j('#tablapedidosdia')),
              optionsForRows : [2,3,5],
              rowsPerPage : 10,
              firstArrow : (new Image()).src="../img/paginator/first.gif",
              prevArrow : (new Image()).src="../img/paginator/prev.gif",
              lastArrow : (new Image()).src="../img/paginator/last.gif",
              nextArrow : (new Image()).src="../img/paginator/next.gif",
              topNav : false
            }
            $j('#tablasugerencias').tablePagination(options);
})
</script>
<div id="contentdatos" class="contentdatos" style=" width:100%">
<div class="cabecerasugerenciasctp">
	<?php echo "Control de Sugerencias"; ?>
</div>
<?php if(empty($sugerencias)):?>
<h3 style="color:#5E1501;"> No hay sugerencias en la lista</h3>
<?php else: ?>
<table class="tablapedidosdia" id="tablasugerencias" cellspacing="0">
    <thead>
    <tr style='font-weight:bold;'>
        <td>Nombre</td>
        <td>Fecha</td>
        <td>Detalle</td>
        <td>Acción</td>
    </tr>
    <tr>
            <th COLSPAN=4 style="border:none;"><img src="../img/separadorMenu.jpg"/></th>
        </tr>
    </thead>
    
    <tbody>
        
        <?php foreach ($sugerencias as $sugerencia): ?>
          <tr>
            <?php echo "<td class='filatablapedidosdia' style='width:60px; border:none;'>".$sugerencia['Sugerencia']['nombre']."</td>"; ?>

            <?php echo "<td class='filatablapedidosdia' style='width:60px; border:none;'>".$sugerencia['Sugerencia']['created']."</td>"; ?>

            <?php echo "<td class='filatablapedidosdia' style='width:200px; border:none;'>".$sugerencia['Sugerencia']['detalle']."</td>"; ?>

            <?php echo "<td class='filatablapedidosdia' style='width:60px; border:none;'>".$html->link($html->image('botonEliminar.jpg'),array('controller'=>'sugerencias','action'=>'delete',$sugerencia['Sugerencia']['id']),null,'¿Estas Seguro?',array('escape'=>false))."</td>"; ?>
          </tr>
        <?php endforeach; ?>
    </tbody>
</table>

<?php endif;?>
<script>
    var table = document.getElementById('tablasugerencias');
    var allTRs = table.getElementsByTagName("tr");
    for (i=1; i <= allTRs.length ; i++) {
    if (i % 2 == 0)
    allTRs[i].style.backgroundColor = "#eeeeee";
    }
</script>
</div>